<!DOCTYPE HTML>
<html>
<head>
    {include file="common@public/head"/}
    <link href="__CSS__/center.min.css" type="text/css" rel="stylesheet">
</head>
<body>
<!-- 主体 -->
{include file="common@public/header"/}
    <div class="main-wrapper">
    <!--用户设置顶部-->
        <div class="config_header">
            <div class="user-info-panel text-center margin_bottom_10">
                <div>
                    <img class="img-circle" src="{$self.avatar128}">
                </div>
                <div>
                    <a class="nickname" href="{$self.space_url}">{$self.nickname}</a>
                </div>

            </div>
        </div>
        <!--用户设置顶部end-->
        <div id="main-container" class="container user-config">
            <div class="row">
                <div class=" col-md-3" >
                    <div>
                        <nav class="menu" data-ride="menu">

                            <ul id="treeMenu" class="tree tree-menu side-menu" data-ride="tree">
                                <li id="info"><a href="{:Url('index')}"><i class="icon-th"></i>
                                    {:lang('_SETTINGS_DATA_')}</a></li>
                                <li id="tag"><a href="{:Url('tag')}"><i class="icon-tag"></i> {:lang('_USER_TAG_')}</a></li>
                                <li id="avatar"><a href="{:Url('avatar')}"><i class="icon-user"></i>
                                    {:lang('_AVATAR_MODIFY_')}</a></li>
                                <li id="password">
                                    <a href="{:Url('password')}">
                                        <i class="icon-lock"></i> {:lang('_PASSWORD_MODIFY_')}
                                    </a>
                                </li>
                                {eq name="can_show_role" value="1"}
                                    <li id="role">
                                        <a href="{:Url('role')}">
                                            <i class="icon-group"></i> {:lang('_SETTINGS_IDENTITY_')}
                                        </a>
                                    </li>
                                {/eq}
                                <li id="score">
                                    <a href="{:Url('score')}">
                                        <i class="icon-bar-chart"></i> {:lang('_SCORE_MY_')}
                                    </a>
                                </li>
                                <li id="other">
                                    <a href="{:Url('other')}">
                                        <i class="icon-list-ul"></i> {:lang('_OTHER_')}
                                    </a>
                                </li>
                            </ul>
                        </nav>

                    </div>
                </div>
                <div class="col-md-9">
                    <div id="usercenter-content-td ">
                        <div class="container-fluid common_block_border config-content">
                            {block name="body"}{/block}
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
<!-- /主体 -->

<!-- 底部 -->
{include file="common@public/footer"/}
{include file="common@public/js"/}
<!-- /底部 -->

<script>
    $(function () {
        $(window).resize(function () {
            $("#main-container").css("min-height", $(window).height() - 343);
        }).resize();
    })


    $("#{$tab}").addClass('active');


    $(function () {
        var $sidebar = $('#usercenter-sidebar-td');
        var $sidebar_xs = $('#usercenter-sidebar-xs');
        var $sidebar_sm = $('#usercenter-sidebar-sm');
        var $content = $('#usercenter-content-td');

        function trigger_resp() {
            var width = $(window).width();
            if (width < 768) {
                on_xs();
            } else {
                on_sm();
            }
        }

        function on_xs() {
            $sidebar_xs.append($sidebar);
            $content.css({'padding-left': 0, 'padding-right': 0});
        }

        function on_sm() {
            $sidebar_sm.prepend($sidebar);
        }

        trigger_resp();

        $(window).resize(function () {
            trigger_resp();
        })
    })
</script>
{block name="script"}{/block}
</body>
</html>
